<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.div1{
				border:1px solid red;
				background-color: aquamarine;
				width: 300px;
				height: 300px;
				
				/* margin: 100px;/* 同时设置上下左右四个内边距都是100px */ */
				/* margin: 50px 100px; /* 设置上下内边距为50,左右内边距为100; */ */
				/* margin: 10px 20px 30px 40px; /* 设置上右下左四个内边距 */ */
				/* 设置上右下左四个内边距 */ */
			
				margin-top: 10px;
				margin-left: 20px;
				margin-bottom: 30px;
				margin-right: 40px;
			}
			body
			{
				/* padding:100px; */   /* 可以通过设置div1的父标签body的内边距来等价于设置div1的外边距 */
			}
		</style>
	</head>
	<body>
		<div class="div1"></div>
	</body>
</html>